<!DOCTYPE html>
<style>
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
td, th {
  padding: 0px;
}
thead, tr, tfoot {
  break-inside: avoid;
}
</style>
<p>crbug.com/656232: A nested table header and footer group repeats on each page.</p>
<div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190px;">
  <table id="top">
    <thead id="top-thead">
      <tr>
        <th>Col 0</th>
      </tr>
    </thead>
    <tr><td>
        <table id="top">
          <thead id="top-thead">
            <tr>
              <th>Col 1</th>
            </tr>
          </thead>
          <tr><td>
              <table id="next">
                <thead id="next-thead">
                  <tr>
                    <th>Col 2</th>
                    <th>Col 3</th>
                  </tr>
                </thead>
                <tbody>
                  <tr><td>Te</td><td>xt</td></tr>
                  <tr><td>Te</td><td>xt</td></tr>
                  <tr><td>Te</td><td>xt</td></tr>
                  <tr><td>Te</td><td>xt</td></tr>
                  <tr><td>Te</td><td>xt</td></tr>
                  <tr><td>Te</td><td>xt</td></tr>
                  <tr><td>Te</td><td>xt</td></tr>
                </tbody>
                <tfoot>
                  <tr>
                    <th>Ft 2</th>
                    <th>Ft 3</th>
                  </tr>
                </tfoot>
              </table>
            </td></tr>
            <tfoot>
              <tr>
                <th>Ft 1</th>
              </tr>
            </tfoot>
        </table>
      </td></tr>
      <tfoot>
        <tr>
          <th>Ft 0</th>
        </tr>
      </tfoot>
  </table>
</div>

